<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/layout.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:define name="top">
    </ui:define>

    <ui:define name="bottom">
    </ui:define>

    <ui:define name="content">
        <h:form >
            <p:growl id="growl" sticky="true" showDetail="true" life="1000"/>

            <p:wizard nextLabel="Siguiente" backLabel="Anterior" style="width: 600px">
                <p:tab title="Personal">
                    <p:panel header="Datos Personales">
                        <h:panelGrid columns="2" styleClass="panelGridCenter">
                            <p:outputLabel value="Nombres: *" />
                            <p:inputText value="#{registrarAlumnoController.alumno.tnmAlmn}" required="true"/>

                            <p:outputLabel value="Apellido paterno: *" />
                            <p:inputText value="#{registrarAlumnoController.alumno.tappAlmn}" required="true"/>

                            <p:outputLabel value="Apellido materno: *" />
                            <p:inputText value="#{registrarAlumnoController.alumno.tapmAlmn}" required="true"/>

                            <p:outputLabel value="Fecha de Nacimiento: " />                            
                            <p:calendar id="calendarAdmision" value="#{registrarAlumnoController.alumno.hfecNac}" mode="popup" navigator="true" required="true"/>

                            <p:outputLabel value="DNI: *" />
                            <p:inputText value="#{registrarAlumnoController.alumno.tdni}" required="true"/>

                            <p:outputLabel value="Telefono: *" />
                            <p:inputText value="#{registrarAlumnoController.alumno.ttfno}" required="fale"/>

                            <p:outputLabel value="Direccion: *" />
                            <p:inputText value="#{registrarAlumnoController.alumno.tdir}" required="false"/>

                            <p:outputLabel value="Email: *" />
                            <p:inputText value="#{registrarAlumnoController.alumno.temail}" required="false"/>

                            <p:outputLabel value="Otros telefonos: *" />
                            <p:inputText value="#{registrarAlumnoController.alumno.ttfno2}" required="false"/>
                        </h:panelGrid>
                    </p:panel>
                </p:tab>

                <p:tab title="Academico">
                    <p:panel header="Datos Academicos">
                        <h:panelGrid columns="2" styleClass="panelGridCenter">
                            <p:outputLabel value="Tipo de Alumno: *" />
                            <p:inputText value="#{registrarAlumnoController.alumno.ttipAlmn}" required="true"/>

                            <p:outputLabel value="Codigo: *" />
                            <p:inputText value="#{registrarAlumnoController.alumno.calmn}" required="true"/>

                            <p:outputLabel value="Grado academico: " />
                            <p:inputText value="#{registrarAlumnoController.alumno.tgdo}" />

                            <p:outputLabel value="Ciclo: " />
                            <p:inputText value="#{registrarAlumnoController.ciclo}">                        
                                <f:convertNumber type="number" />
                            </p:inputText>

                            <p:outputLabel value="Carrera: " />
                            <p:inputText value="#{registrarAlumnoController.alumno.tcr}" />
                        </h:panelGrid>
                    </p:panel>
                </p:tab>

                <p:tab id="datosAcceso" title="Usuario">
                    <p:panel header="Datos de acceso">
                        <h:panelGrid columns="2" styleClass="panelGridCenter">
                            <p:outputLabel value="usuario: *" />
                            <p:inputText value="#{registrarAlumnoController.alumno.idusrAlmn}" required="true"/>

                            <p:outputLabel value="contraseña: *" />
                            <p:password value="#{registrarAlumnoController.alumno.tcntusrAlmn}" required="true"/>
                        </h:panelGrid>
                        <p:commandButton value="Registrar" action="#{registrarAlumnoController.registrarNuevoAlumno()}" update="growl" />

                    </p:panel>
                </p:tab>

            </p:wizard>

        </h:form>
    </ui:define>

    <ui:define name="right">
    </ui:define>

</ui:composition>
